
$(function () {
    $(window).scroll(function () {
        if($(window).scrollTop()>=800){
           $('#search-header').show()
        }else {
            $('#search-header').hide()
        }
    })

   $('#search-header .left-nav').on('mouseenter',function () {
       $(this).children().eq(1).show()
   })

    $('#search-header .left-nav').on('mouseleave',function () {
        $(this).children().eq(1).hide()
    })



    //导航重新开始
    //获取头部下面的第一个子元素的节点对象


//    二级导航部分动态添加数据到内部

    var navsTops = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(0).find('div').eq(0)//获取节点
    var navsTops1 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(1).find('div').eq(0)//获取节点
    var navsTops2 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(2).find('div').eq(0)//获取节点
    var navsTops3 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(3).find('div').eq(0)//获取节点
    var navsTops4 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(4).find('div').eq(0)//获取节点
    var navsTops5 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(5).find('div').eq(0)//获取节点
    var navsTops6 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(6).find('div').eq(0)//获取节点
    var navsTops7 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(7).find('div').eq(0)//获取节点
    var navsTops8 = $('#search-header>.div-box>.left-nav>.nav>.navs').eq(8).find('div').eq(0)//获取节点


     //请求后台数据

    $.ajax({
        url: 'json/navList.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops.append(odl)
            })
        }
    })

//导航数据二
    $.ajax({
        url: 'json/navList1.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops1.append(odl)
            })
            navsTops1.children('dl').eq(1).css('height', 99)
        }
    })


    //导航数据三
    $.ajax({
        url: 'json/navList2.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops2.append(odl)
            })
            navsTops2.children('dl').eq(1).css('height', 123)
        }
    })


    //导航数据四
    $.ajax({
        url: 'json/navList3.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops3.append(odl)
            })

            navsTops3.children('dl').eq(3).css('height', 75)
            navsTops3.children('dl').eq(7).css('height', 75)
        }
    })


    //导航数据五
    $.ajax({
        url: 'json/navList4.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops4.append(odl)
            })
            navsTops4.children('dl').eq(1).css('height', 75)
        }
    })


    //导航数据六
    $.ajax({
        url: 'json/navList5.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops5.append(odl)
            })
            navsTops5.children('dl').eq(3).css('margin-right', 210)
        }
    })


    //导航数据七
    $.ajax({
        url: 'json/navList6.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops6.append(odl)
            })
            navsTops6.children('dl').eq(1).css('height', 75)
        }
    })


    //导航数据八
    $.ajax({
        url: 'json/navList7.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops7.append(odl)
            })
        }
    })


    //导航数据九
    $.ajax({
        url: 'json/navList8.json',
        type: 'post',
        async: true,
        success: function (result) {
            $(result).each(function (i, ret) {//遍历对象
                var odl = $('<dl></dl>')
                $(ret).each(function (j, n) {
                    for (var key in n) {//遍历对象
                        var odt = $('<dt></dt>')
                        odt.html('<a href="#">' + key + '</a>')
                        var str = n[key]
                        var arr = str.split(' ')
                        odl.append(odt)
                        for (var k = 0; k < arr.length; k++) {
                            var odd = $('<dd></dd>')
                            odd.html('<a href="#">' + arr[k] + '</a>')
                            odl.append(odd)
                        }
                    }
                })
                navsTops8.append(odl)
            })

        }
    })


    //事件触发隐藏二级导航
    //当鼠标移入时背景颜色的改变,及二级导航的出现
    $('#search-header .div-box .nav ul').each(function (i, oul) {
        $(oul).on('mouseenter', function () {
            $('#search-header .div-box .nav ul').css('background', '')
            $(this).css('background', '#f5f5f5')
            $(this).parent().find('.navs').hide()
            $(this).parent().find('.navs').eq(i).show()
        })
    })

    //错误写法
    // $('#main .nav-banner .nav ul').on('mouseenter',function () {
    //     // $('#main .nav-banner .nav ul').css('background','')
    //     // $(this).css('background','#f5f5f5')
    //
    // })

    //当鼠标移除时背景颜色的改变
   $('#search-header .div-box .nav').on('mouseleave', function () {
        $('#search-header .div-box .nav ul').css('background', '')
        $(this).find('.navs').hide()
    })


})